
/**网校云**/
body{
	margin: 0 auto;
    font-family: "Microsoft YaHei",arial !important;
    background:#fff;
}
body, div, li, td, a, h1, h2, h3, h4, h5, h6 {
font-family: "Microsoft YaHei",arial !important;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    font-family: "Microsoft YaHei",arial !important;
	margin: 0;
    padding: 0;
}

/*顶部导航*/



/* advertise-area */
.advertise-area{position:relative;width:28%;height:230px;overflow:hidden;margin-right:6px;padding:auto;z-index:1000;filter:alpha(opacity=95);-moz-opacity:0.8;border-radius:0px 0px 5px 5px;}
.advertise-area ul{list-style-type:none;text-align:center}
.advertise-area ul,.advertise-area li{margin:0;padding:0;}
.advertise-area img{border:0px;}
.advertise-area .list{position:relative;height:230px;overflow:hidden;background:url('');}
.advertise-area .list li{top:0;left:0;height:230px;opacity:0;filter:alpha(opacity=0);}
.advertise-area .list li.current{display:blank;opacity:1;filter:alpha(opacity=100);}
.advertise-area .list li.hidden{display:none;}
.advertise-area .count{position:absolute;right:3px;bottom:6px;background:url('');height:20px;}
.advertise-area .count li{color:#fff;float:left;width:20px;height:20px;line-height:20px;cursor:pointer;margin-right:5px;overflow:hidden;background:#F90;opacity:0.7;filter:alpha(opacity=70);border-radius:20px;}
.advertise-area .count li.current{color:#fff;opacity:1;filter:alpha(opacity=100);font-weight:700;background:#f60;}
.section-opts .uploadify-queue {top: 0;right: 0;position: absolute;border-radius:10px;z-index: 5000;background: #78DA78;color:#fff;opacity: 1;display:none;width: 500px;text-align: left;border:1px solid #eee;}
.section-opts .uploadify-queue .cancel {display:none;}
.section-opts .uploadify-queue .uploadify-queue-item {border-bottom:1px dotted #ddd;}
a.link-muted{color: #9AB2CF;}
.navbar{min-height: 44px;}
.btn-mini{font-size: 12px;padding: 2px 8px;}
.modal{overflow-y: auto;}
.modal-body{word-break: break-all;word-wrap: break-word;}
.modal-body img{max-width: 100%;}
.nav-mini > li > a{padding: 1px 10px;}
.width-input{display: inline-block !important;margin-right: 6px;width: 150px;}
.width-input-mini{width: 50px;}
.width-input-small{width: 100px;}
.width-input-large{width:200px;}
.width-input-xlarge{width:300px;}
.width-full{width:100%;}
.nav-pills-mini > li > a{padding: 3px 8px;}
.message-counter{background: #51749d;padding: 2px 5px;border-radius: 3px;}
.media-list .media{border-bottom: 1px solid #eee;padding-bottom: 15px;}
.media-list .media:last-child{border-bottom: none;}
.media .media-object-small img{width: 48px;height: 48px;border-radius: 3px;}
.media-body .bullet{padding: 0 3px;font-size: 75%;color: #ccc;line-height: 1.4;}
/*.panel-heading h2, .panel-heading h3{font-size: 18px;margin: 0;padding: 0;line-height: 1.2;}*/
.panel-col{min-height: 400px;}
.panel-col .panel-heading{background: transparent;font-weight: bold;color: #393d4d;padding: 20px 20px;}
.lt-ie8 .panel-col .panel-heading{border-bottom: 1px solid #ddd;zoom: 1;}
.panel-page{padding: 45px 50px 50px;min-height: 550px;}
.panel-page .panel-heading{background: transparent;border-bottom: none;margin: 0 0 30px 0;padding: 0;}
.panel-page .panel-heading h2{font-size: 25px;margin-top: 0;}
.control-text{display: inline-block;min-height: 34px;padding: 6px 0;font-size: 14;line-height: 20px;vertical-align: middle;}
.radios,
.checkboxs{padding-top: 5px;vertical-align: middle;}
.radios label,
.checkboxs label{font-weight: normal;padding: 0 20px 0 0px;}
textarea{resize: none;}
.btn-fat{padding-left: 30px;padding-right: 30px;}
.btn-fat-small{padding-left: 20px;padding-right: 20px;}
.modal-backdrop{background-color: rgba(104, 96, 96, 0.55);}
@media screen and (min-width: 768px){.modal-dialog-small{width: 480px;}
.modal-dialog-small .modal-footer{padding-top: 15px;padding-bottom: 15px;}
.modal-dialog-medium{width: 700px;}
.modal-dialog-large{width: 800px;}
.modal-dialog-xlarge{width: 900px;}
.date-selects select{width: 18%;margin-right: 10px;}}
.bootstrap-notify-bar{position: fixed;top: 0;left: 0;right: 0;border-radius: 0;text-align: center;z-index: 2000;}
.empty{text-align: center;color: #999;padding: 20px 0;}
.lt-ie9 .row .panel-body .breadcrumb li{padding-left: 5px;}
.dynamic-collection .list-group-item{word-break: break-all;word-wrap: break-word;}

/**顶部导航**/
.site-navbar{border-radius: 0;background-color: #363e45;z-index: 1024;}
.site-navbar .navbar-brand{color: #fff;padding-top: 17px;padding-bottom: 17px;}
.site-navbar .navbar-brand-logo{margin-left: -15px;padding-left: 15px;padding-right: 15px;float: left;}
.site-navbar .navbar-nav > li > a{color: #fff;padding-top: 17px;padding-bottom: 17px;}
.site-navbar .navbar-nav > li > a:hover,
.site-navbar .navbar-nav > li > a:focus{background-color: #3a485d;}
.site-navbar .navbar-nav > .active > a,
.site-navbar .navbar-nav > .active > a:hover,
.site-navbar .navbar-nav > .active > a:focus,
.site-navbar .navbar-nav > .open > a,
.site-navbar .navbar-nav > .open > a:hover,
.site-navbar .navbar-nav > .open > a:focus{color: #ffffff;background-color: #3a485d;}
.site-navbar .badge-container{position: relative;}
.site-navbar .badge-container .badge{position: absolute;top: 5px;right: 5px;font-size: 11px;background: #f60;padding: 2px 5px;border-radius: 12px;}

/****js***/
body.dragging, body.dragging *{cursor: move !important;}
.dragged{position: absolute;opacity: 0.5;z-index: 2000;}
ul.sortable-list li.placeholder, ol.sortable-list li.placeholder{margin-bottom: 10px 0;width: 100%;height: 40px;background: #FCFFC0;border: 1px dashed #ccc;list-style: none;}

/**选择框***/
.controls .select2-container{margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;float: none;}
.controls .select2-container-multi .select2-choices{background-image:none;filter:none;height: 34px;min-height: 34px;line-height: 20px;border-radius: 4px;border: 1px solid #cccccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-o-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s;}
.controls .select2-container-multi .select2-choices .select2-search-field input{min-height: 30px;}
.controls .select2-container-multi .select2-choices .select2-search-choice{margin-top: 5px;background-image: none;background-color: #f1f1f1;border-color: #ddd;}

/****/
.page{padding: 15px;margin-bottom: 20px;background-color: #ffffff;border: 1px solid #dddddd;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);font-size: 13px;}
.tags{line-height: 30px;}
.tags a{font-size: 12px;}
.comment-list .comment .comment-delete-btn{visibility: hidden;}
.comment-list .comment-operated:hover .comment-delete-btn{visibility: visible;}

/****/
body{background: #eef0f3;background: #eef0f3;background: #eeeff0;}
.rmb{color: #f40;font-weight: bold;font-style: normal;}
#content-container{margin-top: 20px;}

/**登录页面**/
.social-logins{margin-bottom: 20px;margin-top: 30px;}
.social-logins .social-login-btn{margin-right: 20px;}
.social-logins .social-login-btn .social-icon{margin-right: 8px;}

/**课程页面**/
.course-header{position: relative; overflow: hidden;}
.course-header .picture{float: left;width: 165px;height: 90px;margin-right: 10px;}
.course-header .title{margin: 5px 0 10px 0;padding: 0;line-height: 1.2;font-size: 18px;font-weight: bold;}
.course-header .teachers{color: #999;font-size: 13px;}
.course-header .teachers a{margin-right: 10px;color: #666;}
.course-header .toolbar{position: absolute;right: 15px;top: 50%;margin-top: -15px;}
.course-dashboard-tabs{margin-bottom: 20px;}
.course-conditions{border-bottom: 1px solid #eee;margin-bottom: 20px;}
.course-cover{font-size: 13px;}
.course-cover-heading{padding-top: 25px;margin-bottom: 20px;}
.course-cover-heading .title{font-size: 28px;margin: 0 0 6px;}
.course-cover-heading .subtitle{font-size: 18px;color: #666;margin: 0 0 15px;}
.course-cover-heading .stats{margin-bottom: 15px;}
.course-cover-heading .rating{margin-right: 3px;}
.course-cover-heading .rating-num{color: #777;}
.course-cover-heading .rating-user-num{margin-left: 10px;}
.course-cover-heading .member-num{margin-right: 3px;color: #449d44;font-weight: bold;}
.course-cover-heading .member-text{color: #777;font-size: 12px;}
.course-cover-heading .money-num{margin-right: 3px;color: #f40;font-size: 22px;}
.course-cover-heading .money-text{color: #777;font-size: 12px;}
.course-cover-heading .meta-info{color: #666;}
.course-cover-heading .actions .btn{/*font-size: 18px;*/}
.course-cover .cover-picture{position: relative;}
.course-cover .cover-picture .edit-btn{position: absolute;top: 45%;left: 40%;visibility: hidden;}
.course-cover .cover-picture:hover .edit-btn{visibility: visible;}
.course-cover .cover-info .edit-btn{visibility: hidden;}
.course-cover .cover-info:hover .edit-btn{visibility: visible;}
.course-cover .cover-about .edit-btn{visibility: hidden;}
.course-cover .cover-about:hover .edit-btn{visibility: visible;}
.course-modal-infos dd{margin-bottom: 20px;}
#course-about-pane img{max-width: 100%;height: 
auto;}
#course-goal-pane .media-list,
#course-audience-pane .media-list{padding: 10px 20px;}
#course-goal-pane .media-list .media-object,
#course-audience-pane .media-list .media-object{color: #ccc;font-size: 24px;}
#course-goal-pane .media-list .media-body,
#course-audience-pane .media-list .media-body{font-size: 14px;line-height: 24px;}
#course-student-list .media{position: relative;}
#course-student-list .media .progress{position: absolute;top: 12px;left: 180px;width: 150px;margin: 0;}

.thread-filters{padding: 10px 0;border-bottom: 1px solid #eee;margin: 10px 0;}
.thread-breadcrumbs{font-size: 13px;margin-bottom: 10px;}
.thread-breadcrumbs .glyphicon{color: #999;font-size: 8px;}
.thread-breadcrumbs a{text-decoration: none;}
.thread{margin-bottom: 50px;}
.thread-header{margin-bottom: 15px;}
.thread-title{font-size: 14px;line-height: 36px;margin: 0;padding: 0;margin-bottom: 5px;word-break: break-all;word-wrap: break-word;}
.thread-metas{color: #999;font-size: 12px;}
.thread-author-avatar img{width: 48px;height: 48px;border-radius: 3px;}
.thread-body{margin-bottom: 15px;word-break: break-all;word-wrap: break-word;}
.thread-body img{max-width: 100%;}
.thread-footer{text-align: right;}
.thread-posts{}
.thread-posts-heading{font-size: 18px;padding-bottom: 10px;border-bottom: 3px solid #eee;margin-bottom: 20px;color: #000;}
.thread-posts-heading .glyphicon{color: #ccc;font-size: 12px;margin-right: 5px;}
.thread-post{overflow: visible;}
.thread-post-body{/*overflow: visible;*/}
.thread-post-dropdown{float: right;position: relative;}
.thread-post-dropdown .dropdown-toggle{text-decoration: none;}
.thread-post .thread-post-dropdown .dropdown-toggle{visibility: hidden;}
.thread-post:hover .thread-post-dropdown .dropdown-toggle{visibility: visible;}
.lt-ie8 .thread-post-dropdown .dropdown-toggle{visibility: visible;}
.thread-list-small{font-size: 13px;}
.thread-list-small .metas{font-size: 12px;color: #999;}
.thread-list-small .metas a{color: #777;}
.thread-list-small .thread-item-body{padding-left: 10px;padding-right: 10px;}
#lesson-question-plugin-form{padding: 15px 10px 0 10px;background: #f5f5f5;border-bottom: 1px solid #e9e9e9;margin-bottom: 10px;}
.lesson-dashboard .question-list-pane{position: absolute;top: 0;bottom: 0;width: 100%;overflow: hidden;}
.media-list .empty-item{text-align: center;color: #999;}
#lesson-note-plugin-form{background: #f5f5f5;position: absolute;top: 0;bottom: 0;width: 100%;}
#lesson-note-plugin-form .note-content{position: absolute;top: 10px;left: 10px;right: 10px;bottom: 107px;}
#lesson-note-plugin-form .note-actions{position: absolute;bottom: 15px;left: 10px;right: 10px;text-align: right;}
.lesson-question-plugin-pane-header{background: #f5f5f5;border-bottom: 1px solid #e9e9e9;padding: 10px;position: relative;}
.lesson-question-plugin-pane-header .back-to-list{float: left;}
.lesson-question-plugin-pane-header h4{margin: 0;padding: 0 70px;font-size: 16px;font-weight: bold;text-align: center;line-height: 34px;}
.lesson-question-plugin-pane-header h4 i{font-weight: normal;color: #777;font-size: 14px;}
.lesson-question-plugin-pane-thread{padding: 10px;margin-bottom: 20px;}
.lesson-question-plugin-pane-thread h5{margin: 0 0 10px;font-size: 14px;font-weight: bold;}
.lesson-question-plugin-pane-posts .posts-header{margin: 10px 10px;border-top: 1px solid #ddd;position: relative;height: 20px;}
.lesson-question-plugin-pane-posts .posts-header h5{position: absolute;top: -18px;left: 10px;background: #fff;padding: 0 5px;font-size: 14px;font-weight: bold;}
.lesson-question-plugin-pane .posts{list-style: none;margin:10px;padding: 0;}
.lesson-question-plugin-pane .post-item{margin-bottom: 20px;}
.lesson-question-plugin-pane .post-item-heading{border-bottom: 1px solid #e3e3e3;padding-bottom: 5px;margin-bottom: 5px;}
.lesson-question-plugin-pane .post-item-heading .avatar{float: left;width: 32px;height: 32px;}
.lesson-question-plugin-pane .post-item-heading .infos{margin-left: 42px;}
.lesson-question-plugin-pane .post-item-heading .infos .time{font-size: 12px;color: #999;}
.lesson-question-plugin-pane .post-item-heading .infos .teacher-flag{background: #5cb85c;font-size: 12px;color: #fff;float: right;padding: 1px 5px;border-radius: 2px;}
.lesson-question-plugin-pane .post-item-body{color: #444;}
.lesson-question-plugin-pane .post-form{margin: 10px;}
.toolbar-pane-list{font-size: 13px;}
.toolbar-pane-list .list-item-body{padding-left: 10px;padding-right: 10px;}
.toolbar-pane-list .meta,
.toolbar-pane-list .summary{color: #999;font-size: 12px;}
.material-pane h5{font-weight: bold;font-size: 13px;color: #999;margin: 10px;}
.material-pane .lesson-about{color: #999;font-size: 12px;margin: 10px;margin-bottom: 30px;}
.teacher-carousel .carousel{/*padding: 0 20px;*/width: 180px;margin: 0 auto;}
.teacher-carousel .carousel-control{background: none;text-shadow: none;color: #999;}
.teacher-carousel .carousel-inner .item{text-align: center;}
.teacher-carousel .carousel-inner img.avatar{width: 100px;height: 100px;border-radius: 5px;display: inline-block;}
.teacher-carousel .teacher-item{display: none;}
.teacher-carousel .teacher-item-active{display: block;}
.teacher-carousel .teacher-item .nickname{text-align: center;font-size: 16px;margin: 15px 0 5px;}
.teacher-carousel .teacher-item .title{text-align: center;margin: 5px 0 5px;color: #666;}
.teacher-carousel .teacher-item .about{font-size: 13px;}
.teacher-carousel .teacher-item .divider{background: #e3e3e3;height: 1px;overflow: hidden;margin: 15px 0;}
.teacher-carousel-onlyone .carousel-control{display: none;}
.course-item-list-in-toolbar-pane{position: absolute;top: 0;bottom: 0;width: 100%;overflow-y: hidden;overflow-x: hidden;}
.course-item-list-wrap{margin-left: 89px;border-left: 1px solid #c9c9c9;/*overflow-y: auto;overflow-x: hidden;*/}
.course-item-list{list-style: none;margin: 0 0 0 -89px;padding: 0;}
.course-item-list .item{position: relative;line-height: 30px;padding: 2px 10px 0 0;border-top: 1px solid transparent;border-bottom: 1px solid transparent;}
.lt-ie8 .course-item-list .item{border-top-color: #fff;border-bottom-color: #fff;}
.course-item-list .hover-item:hover{cursor: pointer;background-color: #f9f9f9;border-color: #eee;}
.course-item-list .chapter-item{background-color: #f6f6f6;margin: 25px 0 10px 0;}
.course-item-list .item .name{display: inline-block;width: 60px;text-align: right;margin-right: 10px;color: #999;}
.course-item-list .item:hover .name{color: #444;}
.course-item-list .chapter-item .name{font-weight: bold;}
.course-item-list .chapter-item .pie,
.course-item-list .lesson-item .pie{display: inline-block;background: url(/resources/images/course/course-item-icons.png) 0 0 no-repeat;text-align: center;}
.course-item-list .chapter-item .pie{height: 30px;width: 30px;}
.course-item-list .lesson-item .pie{height: 30px;width: 30px;background-position: -30px -30px;}
.course-item-list .lesson-item:hover .pie{background-position: -60px -30px;}
.course-item-list .lesson-item-learning .pie{background-position: -30px -60px;}
.course-item-list .lesson-item-learning:hover .pie{background-position: -60px -60px;}
.course-item-list .lesson-item-finished .pie{background-position: -30px -90px;}
.course-item-list .lesson-item-finished:hover .pie{background-position: -60px -90px;}
.course-item-list .item .title{position: absolute;left: 110px;right: 90px;display: inline-block;color: #888;text-decoration: none;overflow: hidden;height: 30px;}
.course-item-list .chapter-item .title{font-weight: bold;color: #888;}
.course-item-list .lesson-item:hover .title{color: #444;outline: none;}
.course-item-list .lesson-item .type{float: right;color: #999;}
.course-item-list .item .status{float: right;color: #E79022;}
.course-item-list .hover-item .action{position: absolute;right: 10px;top: 6px;display: none;}
.course-item-list-show-action .hover-item:hover .action{display: block;}
.course-item-list .item-active,
.course-item-list .item-active:hover{background: #bbb;}
.course-item-list .item-active .name,
.course-item-list .item-active .title,
.course-item-list .item-active .type{color: #fff;}
.course-item-list .item-active:hover .name,
.course-item-list .item-active:hover .title,
.course-item-list .item-active:hover .type{color: #fff;}
.course-item-list-multi h3{font-size: 16px;font-weight: normal;line-height: 36px;text-indent: 15px;background: #f3f3f3;color: #777;border-bottom: 1px solid #e3e3e3;margin: 20px 0;}
.course-item-list-multi h3 strong{color: #555;}
.course-item-list-multi ul{list-style: none;margin: 0;padding: 0;}
.course-item-list-multi ul li{}
.course-item-list-multi .item-object{position: relative;width: 64px;height: 54px;background-color: #00AE76;float: left;margin-bottom: 20px;border-radius: 5px;border: 1px solid #096;text-align: center;}
.course-item-list-multi .item-object:hover{box-shadow: 0 1px 3px #333333;}
.course-item-list-multi .item-object .item-icon{width: 36px;height: 36px;display: inline-block;background: url(../img/course/course-item-types-white.png) 0 0 no-repeat;}
.course-item-list-multi .item-object-video{}
.course-item-list-multi .item-object-video .item-icon{}
.course-item-list-multi .item-object-audio{background-color: #9999cc;border-color: #7C7CBE;}
.course-item-list-multi .item-object-audio .item-icon{background-position: -36px 0;}
.course-item-list-multi .item-object-text{background-color: #999966;border-color: #8B8B5C;}
.course-item-list-multi .item-object-text .item-icon{background-position: -72px 0;}
.course-item-list-multi .item-object .item-length{position: absolute;bottom: 0;left: 0;text-align: center;width: 100%;color: #ffffff;font-size: 12px;background: #666666;background: rgba(0,0,0,0.3);z-index: 1;line-height: 16px;border-radius: 0 0 5px 5px;display: block;}
.course-item-list-multi .item-object .item-free{background: url(../img/course/course-item-free.png) 0 0 no-repeat;position: absolute;top: 0;left: 0;width: 38px;height: 38px;margin-left: -1px;margin-top: -1px;}
.course-item-list-multi .item-body{margin-left: 72px;}
.course-item-list-multi .item-seq-name{color: #999;font-weight: bold;margin-bottom: 3px;}
.course-item-list-multi .item-title{font-weight: bold;width: 100%;height: 36px;overflow: hidden;}
.lt-ie8 .course-item-list-multi .row{margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;}
.lt-ie8 .course-item-list-multi .item{float: left;width: 30%;padding-left: 1.6%;padding-right: 1.6%;height: 56px;overflow: hidden;margin-bottom: 20px;}
.lt-ie8 .course-item-list-multi .item-title{display: inline;}


/**课时**/
.lesson-dashboard-page{background: #fff;}
.lesson-dashboard-page .container{width: 100% !important;}
.lesson-dashboard{position: fixed;background: #fff;top: 56px;bottom: 0px;left: 0;right: 0;background: #f9f9f9;}
.lesson-dashboard .dashboard-content{position:absolute;top:0px;left: 20px;right: 80px;bottom: 0px;}
.lesson-dashboard-open .dashboard-content{right: 440px;}
.lesson-dashboard .toolbar{position: absolute;right: 0px;top: 0px;bottom: 0px;width: 60px;border-left: 1px solid #e9e9e9;color: #666;background: #fff;}
.lesson-dashboard-open .toolbar{width: 420px;}
.lesson-dashboard .toolbar-nav{position: absolute;top: 0;right: 0;bottom: 0;width: 60px;border-left: 1px solid #e9e9e9;background: #f3f3f3;}
.lesson-dashboard .toolbar-pane-container{position: absolute;top: 0;left: 0;right: 60px;bottom: 0;/*height: 100%;*/overflow: hidden;background-color: #fff;}
.ps-container .ps-scrollbar-y-rail{visibility : hidden\9;/* Target only IE7 and IE8 with this hack*/}
.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail{visibility : visible\9;/* Target only IE7 and IE8 with this hack*/}
.lesson-dashboard .toolbar-pane-container .ps-container .ps-scrollbar-y{right: 0px;}
.lesson-dashboard .toolbar-pane-container .ps-container .ps-scrollbar-x{display: none;}
@media (max-width: 1024px){.lesson-dashboard-open .dashboard-content{right: 360px;}
.lesson-dashboard-open .toolbar{width: 360px;}}
@media (max-width: 767px){.lesson-dashboard .dashboard-content,.lesson-dashboard-open .dashboard-content{right: 20px;}
.lesson-dashboard .toolbar{display: none;}}
.lesson-dashboard .toolbar-nav-stacked{margin:0;padding: 0;list-style: none;}
.lesson-dashboard .toolbar-nav-stacked li a{padding: 8px 0px;margin-bottom: 5px;text-align: center;display: inline-block;width: 100%;color: #888;text-decoration: none;}
.lesson-dashboard .toolbar-nav-stacked li a:hover{background: #e3e3e3;}
.lesson-dashboard .toolbar-nav-stacked li a .glyphicon{display: block;margin-bottom: 5px;}
.lesson-dashboard .toolbar-nav-stacked li.active a{background-color: #aaa;color: #fff;}
.lesson-dashboard #lesson-toolbar-secondary{position: absolute;bottom: 0;left: 0;right: 0;}
.lesson-dashboard #lesson-toolbar-secondary .hide-pane{text-align: center;}
.lesson-dashboard #lesson-toolbar-secondary .hide-pane .glyphicon{display: inline;}
.lesson-dashboard .dashboard-header{position: absolute;left: 150px;top: 0;height: 40px;}
.lesson-dashboard .dashboard-header .item-navbar{font-size: 16px;line-height: 40px;color: #999;}
.lesson-dashboard .dashboard-header .item-navbar span{cursor: pointer;}
.lesson-dashboard .dashboard-header .item-navbar span:hover{color: #666;}
.lesson-dashboard .dashboard-body{position: absolute;top: 40px;bottom: 50px;width: 100%;/*background: #1d1f21;*/}
.lesson-dashboard .dashboard-footer{position: absolute;bottom: 10px;width: 100%;}
.lesson-dashboard .dashboard-footer .disabled{pointer-events: auto;}
.lesson-dashboard .video-player{/*background: #1d1f21;*//*height: 440px;*/}
.lesson-dashboard .title-group{line-height: 40px;}
.lesson-dashboard .title-group .divider{color: #999;margin: 0 3px;}
.lesson-dashboard .title-group .chapter-label{font-size: 16px;color: #999;}
.lesson-dashboard .title-group .item-label{margin-right: 5px;}
.lesson-dashboard .title-group .item-label,
.lesson-dashboard .title-group .item-title{font-size: 16px;}
.lesson-dashboard .title-group .item-title{}
.lesson-dashboard .lesson-content{height: 100%;position: relative;}
.lesson-dashboard .lesson-content-audio{overflow: hidden;}
.lesson-dashboard .lesson-content-audio .mejs-container{margin: 0 auto;margin-top: 100px;}
.lesson-dashboard .lesson-content-text{overflow: hidden;}
.lesson-dashboard .lesson-content-text .ps-scrollbar-x{display: none;}
.lesson-dashboard .lesson-content-text .ps-scrollbar-y{right: 0;}
.lesson-dashboard .lesson-content-text-body{background: #fff;max-width: 750px;margin: 0 auto;padding: 20px;word-break: break-all;word-wrap: break-word;}
.lesson-dashboard .lesson-content-text-body img{max-width: 100%;}
.lesson-dashboard .nav-btn{position: absolute;background: #f9f9f9;border-radius: 0;color: #777;z-index: 1000;padding: 3px 10px;}
.lesson-dashboard .back-course-btn{left: 0px;top: -1px;}
.lesson-dashboard .prev-lesson-btn{left: 90px;top: -1px;}
.lesson-dashboard .next-lesson-btn{left: 90px;bottom: -1px;}

/**课程**/


/****/
.money{color: #f40;}
.shares-dropdown-menu > li > a{padding-top: 5px;padding-bottom: 5px;}
.text-list{list-style: none;padding: 0;margin: 0;}
.text-list li{border-bottom: 1px solid #e3e3e3;padding: 8px 0;}

/****/
.container .vjs-default-skin .vjs-big-play-button{top: 50%;left: 50%;margin-top: -40px;margin-left: -50px;width: 100px;height: 80px;}


/**私信**/
.user-simple-list .media-body{vertical-align: middle;line-height: 48px;}
.avatar-small{width: 50px;height: 50px;}
.avatar-medium{width: 120px;height: 120px;}
.user-avatar-link img{width: 48px;height: 48px;}
.user-grids{letter-spacing:-4px;zoom:1;margin: 0;padding: 0;}
.user-grids li{list-style: none;text-align: center;display: inline-block;letter-spacing:0;width: 23%;margin: 8px 1%;font-size: 12px;}
.user-grids li p{height:24px;margin-bottom: 0;}
.user-grids .user-avatar-link{margin-bottom: 5px;}
.user-grids .user-link{display: block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.conversation-list .media-heading{font-size: 14px;margin-bottom: 10px;}
.conversation-list .media{cursor: pointer;}
.conversation-list .media .actions{visibility: hidden;}
.conversation-list .media:hover .actions{visibility: visible;}
.conversation-list .conversation-footer{color: #999;font-size: 13px;}
.message-list .media{border-bottom: none;}
.message-list .media > .pull-left{margin-right: 0;}
.message-list .media > .pull-right{margin-left: 0;}
.message-list .popover{position: relative;display: block;margin: 0 20px 0 20px;max-width: 100%;}
.message-list .message-me .popover{margin-left: 70px;background: #fafafa;}
.message-list .message-she .popover{margin-right: 70px;}
.message-list .popover .arrow{top: 24px;}
.message-list .message-me .popover .arrow:after{border-left-color: #fafafa;}
.message-list .message-content{margin-bottom: 10px;}
.message-list .message-footer{font-size: 12px;}
.message-list .message-actions{float: right;visibility: hidden;}
.message-list .media:hover .message-actions{visibility: visible;}
.message-reply-form{margin-bottom: 30px;}
.notification-list .media-object{color: #999;font-size: 20px;}
.notification-list .notification-body{margin-bottom: 6px;}
.notification-list .notification-footer{font-size: 12px;color: #999;}
.notebook-list .media{cursor: pointer;}
.notebook-list .media-object{max-width: 150px;}
.notebook-list .notebook-metas{color: #999;margin: 5px 0 10px 0px;}
.notebook-list .media .notebook-go{visibility: hidden;}
.notebook-list .media:hover .notebook-go{visibility: visible;}
.notebook{}
.notebook-heading{line-height: 48px;background: #f3f3f3;padding: 8px;border: 1px solid #ccc;/*border-bottom-width: 0;*/}
.notebook-heading .notebook-back-btn{margin: 11px 10px 0 0;}
.notebook-heading .notebook-icon{width: 80px;height: 45px;}
.notebook-body{border: 1px solid #ccc;border-top-width: 0;}
.notebook-note{padding: 15px;border-bottom: 1px solid #e3e3e3;}
.notebook-note:hover{background: #f6f6f6;}
.notebook-note-collapsed{cursor: pointer;}
.notebook-note .notebook-note-summary{display: none;}
.notebook-note-collapsed .notebook-note-summary{display: block;}
.notebook-note .notebook-note-body{word-break: break-all;display: block;}
.notebook-note-collapsed .notebook-note-body{word-break: break-all;display: none;}
.notebook-note-heading{margin-bottom: 8px;font-weight: bold;color: #444;}
.notebook-note-length{font-weight: normal;color: #999;font-size: 12px;}
.notebook-note-collapse-bar{background: #eee;text-align: center;color: #999;cursor: pointer;}
.notebook-note-actions{margin: 5px 0;}

/**字体大少控制**/
.mts{margin-top: 5px;}
.mtm{margin-top: 10px;}
.mtl{margin-top: 20px;}
.mrs{margin-right: 5px;}
.mrm{margin-right: 10px;}
.mrl{margin-right: 20px;}
.mbs{margin-bottom: 5px;}
.mbm{margin-bottom: 10px;}
.mbl{margin-bottom: 20px;}
.mls{margin-left: 5px;}
.mlm{margin-left: 10px;}
.mll{margin-left: 20px;}
.mhs{margin-left: 5px;margin-right: 5px;}
.mhm{margin-left: 10px;margin-right: 10px;}
.mhl{margin-left: 20px;margin-right: 20px;}
.mvs{margin-top: 5px;margin-bottom: 5px;}
.mvm{margin-top: 10px;margin-bottom: 10px;}
.mvl{margin-top: 20px;margin-bottom: 20px;}
.pts{padding-top: 5px;}
.ptm{padding-top: 10px;}
.ptl{padding-top: 20px;}
.prs{padding-right: 5px;}
.prm{padding-right: 10px;}
.prl{padding-right: 20px;}
.pbs{padding-bottom: 5px;}
.pbm{padding-bottom: 10px;}
.pbl{padding-bottom: 20px;}
.pls{padding-left: 5px;}
.plm{padding-left: 10px;}
.pll{padding-left: 20px;}
.phs{padding-left: 5px;padding-right: 5px;}
.phm{padding-left: 10px;padding-right: 10px;}
.phl{padding-left: 20px;padding-right: 20px;}
.pvs{padding-top: 5px;padding-bottom: 5px;}
.pvm{padding-top: 10px;padding-bottom: 10px;}
.pvl{padding-top: 20px;padding-bottom: 20px;}
.tac{text-align: center;}
.tal{text-align: left;}
.tar{text-align: right;}
.fss{font-size: 10px;}
.fsn{font-size: 12px;}
.fsm{font-size: 14px;}
.fsl{font-size: 16px;}
.fsxl{font-size: 18px;}
.text-small{font-size: 10px;}
.text-normal{font-size: 12px;}
.text-medium{font-size: 14px;}
.text-large{font-size: 16px;}
.text-xlarge{font-size: 18px;}
.ellipsis{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/**课程卡**/
.wxy-row-wrap{margin-bottom: 20px;background: #fff;border: 1px solid #e1e1e1;}
.wxy-row-wrap .row{margin-left: 10px;margin-right: 10px;}
.wxy-row-wrap .page-header{margin-top: 25px;}
.wxy-row-wrap .page-header h1{font-size: 24px;}
.wxy-box{margin-bottom: 20px;}
.wxy-box-heading{border-bottom: 1px solid #ddd;margin-bottom: 15px;zoom:1;}
.wxy-box-heading h2{margin: 0;font-size: 18px;display: inline-block;border-bottom: 4px solid #096;line-height: 28px;padding-left: 10px;padding-right: 10px;margin-bottom: -1px;}
.lt-ie8 .wxy-box-heading h2{display: inline;}
.wxy-sidebar-heading{font-size: 18px;color: #aaa;padding: 10px 15px 5px;margin: 0;}
.wxy-sidenav{}
.wxy-sidenav > li > a{color: #666;padding: 6px 15px;margin-bottom: 6px;}
.wxy-sidenav > li > a:hover,
.wxy-sidenav > li > a:focus{border-right: 3px solid #d5d5d5;}
.wxy-sidenav > .active > a,
.wxy-sidenav > .active:hover > a,
.wxy-sidenav > .active:focus > a{color: #096;background: #f6f6f6;border-right: 3px solid #096;}
.course-grids{margin:0 -15px 0 0;padding:0;list-style: none;}
.course-grid{display: inline-block;vertical-align: top;margin: 15px 15px 15px 0;border: 1px solid #e1e1e1;border-radius: 4px;}
.lt-ie8 .course-grid{display: inline;}
.course-grid .grid-body{position: relative;width: 204px;display: block;overflow: hidden;text-decoration: none;border-radius: 4px;color: #353535;}
.lt-ie8 .course-grid .grid-body{width: 207px;}
.course-grid .grid-body:hover{text-decoration: none;}
@media (min-width: 1200px){.course-grid .grid-body{width: 254px;}}
.course-grid .grid-body:hover{background: #fafafa;}
.lt-ie8 .course-grid .thumb{width: 207px;}
.course-grid .title{display: block;padding: 10px;min-height: 52px;color: #555;font-weight: bold;}
.course-grid .metas{display: block;margin: 0 10px;padding: 10px 0;overflow: hidden;text-align: center;font-size: 12px;border-top: 1px solid #eee;color: #9B9B9B;line-height: 1.2;}
.course-grid .metas .price-col{float: left;text-align: left;}
.course-grid .metas .meta-label{display: block;color: #999;}
.course-grid .metas .price-num{padding-top: 2px;font-size: 15px;font-weight: bold;color: #e57259;display: block;}
.course-grid .metas .review-col{display: inline-block;}
.lt-ie8 .course-grid .metas .review-col{display: inline;}
.course-grid .metas .student-col{float: right;text-align: right;}
.course-grid .metas .student-num{display: block;margin-top: 5px;font-size: 13px;}
.course-grid .teacher{margin: 0 10px 10px 10px;padding-top: 10px;border-top: 1px solid #eee;display: block;}
.course-grid .teacher .thumb{width: 30px;height: 30px;float: left;font-size: 12px;margin-right: 8px;}
.course-grid .teacher .nickname{font-size: 12px;/*font-weight: bold;*/}
.course-grid .teacher .user-title{font-size: 12px;color: #777;}
.course-grid .learn-status{margin: 0 10px 15px;}
.course-grid .learn-status .progress{margin-bottom: 15px;}
.course-grid .learn-status .action{text-align: center;}
.course-grid .course-status{position: absolute;top: 5px;right: 5px;font-size: 12px;}
.course-wide-list{list-style: none;margin: 0;padding:0;}
.course-wide-list .course-item{border: 1px solid #ddd;margin-bottom: 20px;border-radius: 5px;}
.course-wide-list .course-item:hover{background: #f9f9f9;border-color: #ccc;}
.course-wide-list .course-picture-link{float: left;}
.course-wide-list .course-picture{width: 230px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.course-wide-list .course-body{margin: 15px 15px 0px 245px;}
@media (max-width: 600px){.course-wide-list .course-picture-link{float: none;display: block;}
.course-wide-list .course-picture{display: block;width: 100%;}
.course-wide-list .course-body{margin-left: 15px;margin-bottom: 15px;}}
.course-wide-list .course-title{margin: 10px 0 10px;}
.course-wide-list .course-title a{color: #555;font-weight: bold;}
.course-wide-list .course-about{margin: 0 0 15px;color: #666;}
.course-wide-list .course-footer{/*border-top: 1px dashed #ddd;*/}
.course-wide-list .teacher{float: left;width: 180px;}
.course-wide-list .teacher-avatar{float: left;display: block;width: 30px;height: 30px;border-radius: 3px;margin-right: 5px;}
.course-wide-list .teacher-nickname{font-size: 12px;font-weight: bold;color: #555;}
.course-wide-list .teacher-title{color: #777;font-size: 12px;}
.course-wide-list .course-metas{float: right;margin-top: 10px;}
.course-wide-list .course-price{color: #e57259;font-size: 16px;}
.course-wide-list .divider{width: 1px;border-left: 1px solid #ccc;margin: 0 5px;}

/*首页*/
.homepage-feature{width: 100%;}
.homepage-feature a,
.homepage-feature img{display: block;width: 100%;}
.homepage-feature-slides a,
.homepage-feature-slides img{display: none;}
.homepage-feature-slides a img{display: block;}
.homepage-feature .cycle-pager{text-align: center;width: 100%;z-index: 500;position: absolute;bottom: 10px;overflow: hidden;}
.homepage-feature .cycle-pager span{font-family: arial;margin-left:6px;font-size: 60px;width: 16px;height: 16px;display: inline-block;color: #ddd;color: rgba(221, 221, 221, 0.7);cursor: pointer;line-height: 18px;}
.homepage-feature span.cycle-pager-active{color: #FFBF1B;}
.homepage-category-nav{list-style: none;padding:10px 5px;margin-bottom: 30px;background: #f9f9f9;border-bottom: 1px dotted #ccc;font-size: 16px;margin-left: 0;}
.homepage-category-nav li{display: inline-block;}
.lt-ie8 .homepage-category-nav li{display: inline;}
.homepage-category-nav li a{text-decoration: none;line-height: 32px;padding: 0 15px;display: inline-block;border-bottom: 2px solid #f9f9f9;}
.homepage-category-nav li a:hover{border-bottom-color: #d9d9d9;text-decoration: none;}
.homepage .carousel-feature-banner{margin-bottom: 20px;}
.promoted-teacher{text-align: center;}
.promoted-teacher .avatar{width: 80px;height: 80px;border: 3px solid #f5f5f5;border-radius: 50px;display: inline-block;}
.promoted-teacher .nickname{margin-top: 5px;display: block;color: #333;text-decoration: none;}
.promoted-teacher .title{margin-top: 3px;color: #777;}
.promoted-teacher .about{margin: 5px 0;padding-top: 5px;text-align: left;font-size: 13px;color: #555;border-top:1px dashed #ccc;}
.promoted-teacher .more{text-align: right;font-size: 12px;}
@media (min-width: 1200px){.teacherpage #content-container{width: 970px;}}
.lt-ie9 .teacherpage #content-container{width: 970px;}
.teacherpage .teacher-title{color: #096;margin-bottom: 10px;}
.teacherpage .teacher-about{color: #555;}
@media (min-width: 1200px){.userpage #content-container{width: 970px;}}
.lt-ie9 .userpage #content-container{width: 970px;}
.userpage-header{border-radius: 5px;}
.userpage-header .row{margin-top: 25px;margin-bottom: 25px;}
.lt-ie8 .userpage-header{zoom:1;}
.lt-ie8 .userpage-header .row{margin-top: 25px;margin-bottom: 25px;zoom:1;}
.userpage-header .avatar{float: left;width: 128px;height: 128px;border-radius: 50%;}
.userpage-header-info{margin-left: 150px;}
.userpage-header-info h1{margin-top: 0px;margin-bottom: 15px;font-size: 28px;}
.userpage-header-info h1 small{font-size: 16px;color: #096;}
.userpage-header-info .about{color: #777;}
.userpage-header-info .actions{float: right;}
.userpage-body{border-radius: 5px;min-height: 200px;}
.userpage-nav{background: #f8f8f8;border-bottom: 1px solid #e7e7e7;padding: 0px 15px;border-top-left-radius: 5px;border-top-right-radius: 5px;margin-bottom: 20px;}
.userpage-nav li a{padding: 10px 20px;color: #777;border-radius: 0;}
.userpage-nav li a:hover{color: #333;}
.userpage-nav li.active a{color: #555;background-color: #e7e7e7;}
.userpage-sec-nav{margin-bottom: 20px;}
@media (min-width: 1200px){.contentpage #content-container{width: 970px;}}
.contentpage .wxy-row-wrap{padding-bottom: 20px;}
.friendcard{border: 1px solid #eee;border-radius: 3px;padding: 5px;margin-bottom: 20px;}
.friendcard:hover{border: 1px solid #ddd;background-color: #f7f7f7;}
.friendcard .avatar{width: 48px;height: 48px;float: left;}
.friendcard .infos{margin-left: 58px;}
.friendcard .nickname{display: block;margin-bottom: 5px;}
.friendcard .title{color: #777;}
/** * CMS*/.article-list .media-object{max-width: 200px;max-height: 200px;}
.teacher-profile-card .actions{background: #f8f8f8;padding: 20px;border: 1px solid #eee;border-top-width: 0px;}
.teacher-profile-card .follow-btn,
.teacher-profile-card .unfollow-btn{margin-top: 0;}
.sortable-list li .sort-handle{color: #ccc;display: inline-block;float: left;cursor: pointer;margin-right: 5px;}
.sortable-list li .sort-handle:hover{color: #666;}
.sortable-list li:hover .sort-handle{visibility: visible;color: #999;}
.teacher-list-group .nickname{display: inline-block;width: 160px;margin-left: 6px;}
.teacher-list-group .visible-checkbox{font-weight: normal;}
.teacher-list-group .delete-btn{margin-top: 12px;}
.teacher-list-group li .sort-handle{font-size: 18px;padding: 15px 10px 5px 5px;cursor: pointer;}
.list-group-panel{}
.list-group-panel .list-group-heading{color: #999;/*border-bottom: 1px solid #ccc;*/padding: 5px 0;/*margin-bottom: 5px;*/}
.list-group-panel .list-group{}
.list-group-panel .list-group-item{border: none;border-radius: 0 0 !important;color: #444;border-left: 3px solid #fff;}
.list-group-panel .list-group-item.active,
.list-group-panel .list-group-item.active:hover{background: #f3f3f3;color: #428bca;font-weight: bold;border-left: 3px solid #428bca;}
.list-group-panel .list-group-item:hover{border-left: 3px solid #eee;}

/**页脚**/
.site-footer{clear: both;margin-top: 20px;margin-bottom: 40px;border-top: 1px solid #d1d1d1;padding-top: 10px;font-size: 12px;color: #999;}
.site-footer a{color: #999;}
.site-footer-links{list-style: none;display: inline-block;margin: 0;padding: 0;}
.site-footer-links li{display: inline-block;margin-right: 20px;}

/****/
.page-message-container{width: 700px;margin: 0 auto;margin-bottom: 40px;}
.modal .page-message-container{width: auto;margin: 20px 20px;}
.page-message-panel{background: #fff;border: 1px solid #ccc;padding: 50px 50px;}
.modal .page-message-panel{border:none;}
.page-message-heading{margin-bottom: 25px;}
.page-message-title{margin: 0;padding: 0;line-height: 1;font-size: 24px;}
.page-message-body{font-size: 16px;}
.lt-ie8 .hidden-lt-ie8{display: none !important;}
.visible-lt-ie8{display: none !important;}
.lt-ie8 .visible-lt-ie8{display: block !important;}
/**/




/*表格字体显示控制*/
.text-sm{font-size: 12px;}
.text-xs{font-size: 10px;}
.text-lg{font-size: 18px;}
.money-text{color: #f40;}
.short-long-text .trigger{visibility: hidden; _visibility: visible;}
.short-long-text .short-text:hover .trigger,
.short-long-text .long-text:hover .trigger{visibility: visible; font-size: 12px; color: #999;}
.short-long-text .short-text{cursor: pointer; word-break: break-all;}
.short-long-text .long-text{cursor: pointer; display: none; word-break: break-all;}

/*评价星*/
.stars-0, .stars-1, .stars-2, .stars-3, .stars-4, .stars-5{display:inline-block;*display:inline;*zoom:1;overflow:hidden;width:85px;height:16px;background:url("/resources/images/stars.png") no-repeat;}
.stars-5{background-position:0 0px;}
.stars-4{background-position:0 -16px;}
.stars-3{background-position:0 -32px;}
.stars-2{background-position:0 -48px;}
.stars-1{background-position:0 -64px;}
.stars-0{background-position:0 -80px;}
/*搜索框*/
.search_autocomplete{position:absolute;top:-10000px;left:-10000px;width:380px;height:380px;overflow:hidden;background:#f8f8f8;border:1px solid #ddd;z-index: 10000;border-radius:3px;padding:20px;display:none;}
.search_autocomplete a{line-height: 30px;border-bottom: 1px dotted #ddd;display:block;position:relative;text-decoration: none;}
.search_autocomplete a:hover{background:#f8f8f8;}
.search_course a:hover{background:#ddd;}
.search_autocomplete .search_course a .is_free{position:absolute;right:0;color:#c00;}
.search_autocomplete .search_course a .is_free.Y{color:#090}
.search_autocomplete .search_course a .course_type.VOD{color:#f00}
.search_autocomplete .search_course a .course_type.LIVE{color:#090}
.search_autocomplete .search_course a .course_type.FACE{color:#39f}
.search_autocomplete .search_user{background: #f0f0f0;margin-top:8px;}
.search_autocomplete .search_user a{line-height:40px;padding: 8px;border-bottom: 1px solid #fff;}
.search_autocomplete .search_user a .avatar img{border-radius: 2px;width: 40px;height: 40px;border: 1px dotted #fff;padding: 2px;}
.search_autocomplete .search_user a .nickname{margin-left: 5px;}
.search_autocomplete .search_user a .is_instructor{position:absolute;right:8px;color:#090;}
.search_autocomplete .search_user a .is_instructor.Y{color:#c00}
.p_search_user_ul{position:absolute;width:350px;margin:0;padding:0;border: 1px solid #ddd;background: #f8f8f8;z-index:10;margin-top: -1px;}
.p_search_user_ul li{list-style:none;padding:5px 0 5px 5px;margin:0;border-bottom:1px dotted #ddd;cursor:pointer;position:relative;line-height:38px;}
.p_search_user_ul li:hover{background:#f0f0f0}
.p_search_user_ul li img{width:40px;height:40px;border:1px solid #eee;background:#fff;padding:2px;margin-right:5px;}
.p_search_user_ul li span.signature{float:right;padding-right:10px;}
.tabs dd{padding:20px 10px;}
.tabs dd div.dd{display:none}
.section{float:left;width:100%;margin: 6px 0;}
.section-title{float:left;width:100%;background:#f2f3f5;border:1px solid #eee;line-height: 35px;}
.section-title h2{float:left;font-size:14px;padding: 0;margin: 0;line-height: 35px;text-indent:50px;background: url(/resources/images/z.png) no-repeat 10px 9px;}
.section-title .section-opts{float:right;font-size:12px;cursor:pointer;position:relative;}
.section-title .section-opts span{text-indent: 0px;position: relative;line-height: 23px;margin: 0 4px;padding: 0 6px 0 21px;}
.section-title .section-opts span i{position: absolute;left: 5px;top: 5px;font-size: 12px;}
.lecture{width: 786px;margin-left: 30px;float: left;background: #f8f8f8;border: 1px solid #eee;clear: both;}
.lecture-title{float:left;width:100%;line-height: 35px;}
.lecture-title h3{padding:0;margin:0;font-size:14px;float:left;line-height:35px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 460px;}
.lecture-title h3 i{margin-left:10px;margin-right:10px;text-align: center;font-style: normal;color: #fff;font-size:12px;display: inline-block;width: 31px;background: url(/resources/images/j.png) no-repeat center center;}
.lecture-title h3 b{font-weight:normal;}
.lecture-title .lecture-opts{font-size:12px;float:right;cursor:pointer;}
.lecture-title .lecture-opts span{text-indent: 0px;position: relative;line-height: 23px;margin: 0 4px;padding: 0 6px 0 21px;}
.lecture-title .lecture-opts span i{position: absolute;left: 5px;top: 5px;font-size: 12px;}
.lecture-content{float: left;width: 98%;margin:0 1%;border-top: 3px solid #eee;}
.lecture-content dt span{border-radius: 3px;background:#fff;padding: 2px 7px;border:1px solid #eee;margin:0 10px;cursor:pointer;font-size:12px;font-weight:normal;}
.lecture-content dt span.current{background:#9c4;border:1px solid #8c3;color:#fff}
.lecture-content .lecture_type_video .video_preview{background: #fff;margin: 10px 0;width: 400px;height: 280px;border: 1px solid #eee;}
.ltdownload_file{background: #fff;border: 1px solid #eee;margin: 0;padding:0;margin-top: 20px;display:none;}
.ltdownload_file li{line-height: 35px;border-bottom: 1px solid #eee;background: url("/resources/images/icon.png") no-repeat 0px -292px;text-indent: 28px;list-style:none;}
.lecture_type_quiz ol{margin-top:20px;}
.lecture_type_quiz ol li{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd}
.lecture_type_quiz ol li p{position:relative;}
.lecture_type_quiz ol li p .cbox{position:absolute;top:6px;left:10px;}
.lecture_type_quiz ol .q-answer{text-indent: 20px;width:500px;}
.lecture_type_quiz .q-question{margin-bottom:10px;text-indent:0;display:inline;}

/***通知**/
@charset "utf-8";
.imenu_bg{width:100%;height:250px;overflow:hidden;padding:0px;margin:0px;}
.notices-title{width:100%;height:40px;padding:0px;margin-top:0px;background-color:#7CB132;}
.notices-title h4{height:40px; line-height:40px;margin:0px; padding:0px 6px; color:#FFF;}
.notices-title h4 .more{float:right;font-size:10px;color:#FFF;padding:0px 6px;}
.notices-title h4 .more a{font-size:10px;color:#FFF;}
.notices-title h4 .more a:hover{color:#0C03E0;}
.submnu{width:70%;height:230px;border-top:none;z-index:1000;background-color:#FFFFFF;border-radius:0px 0px 5px 5px;}
.fontlist{padding:3px 12px 3px 12px;}
.fontlist ul{margin:0px;padding:6px;}
.fontlist li{overflow:hidden;-webkit-box-sizing:border-box;height:32px;border-bottom:1px #e2e4e8 dotted;line-height:32px}
.fontlist li span{float:right;padding-right:10px;}
.fontlist li a{display:block}


/*主题*/
body {
    background-color: #f1f2f6;
}

a {
    color: #333;
}

a:hover {
    text-decoration: none;
    color: #83BB36
}

.site-navbar {
    background-color: #333;
    margin-bottom: 0px;
    border-radius: 0px;
    border: 0px;
}

.site-navbar .navbar-header a.navbar-brand {
    font-size: 18px;
    color: #fff;
    padding: 17px 15px;
}

.site-navbar .navbar-collapse .navbar-nav > li > a {
    font-size: 14px;
    color: #fff;
    padding: 17px 15px;
}

.nav-list > li.active > a {
    background-color: #7cb132;  
    color: #333;
}

.site-navbar .navbar-nav > li > a:hover {
    background-color: #7cb132;
    color: #fff;
}

.autumn-grids {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: -25px;
    letter-spacing:-4px;
    zoom:1;
}

.autumn-grid {
    display: inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
    letter-spacing:0;
    width: 277px;
    margin: 0px 10px 17px 0;
    background: #fff;
    border: 1px solid #e2e2e2;
    padding: 0px;
}

.autumn-grid:hover {
    border-top-color: #f78a4b;
}

@media (min-width: 1200px) {
    .autumn-grid {
        width: 277px;
        margin: 0px 10px 17px 0;
    }
}

@media (min-width: 980px ) and ( max-width: 1199px ) {
    .autumn-grid {
        width: 299px;
        margin: 0px 20px 20px 0;
    }
}

@media (min-width: 768px ) and ( max-width: 979px ) {
    .autumn-grid {
        width: 349px;
        margin: 0px 20px 20px 0;
    }
}

@media ( max-width: 767px ) {
    .autumn-grids {
        margin-right: 0;
    }

    .autumn-grid {
        width: 100%;
        margin: 0px 20px 20px 0;
    }
}

.autumn-course-grid .course-name {
    margin: 10px 20px;
    height: 50px;
    overflow: hidden;
}

.autumn-course-grid .course-name a {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
}

.autumn-course-grid .course-name a:hover {
    color: #f78a4b;
}

.autumn-course-grid .course-picture {
    margin: 20px 20px 10px;
    display: block;
}

.autumn-course-grid .course-picture img {
    max-width: 100%;
}

.autumn-course-grid .course-about {
    margin: 10px 20px 15px;
    font-size: 12px;
    height: 32px;
    color: #999;
    overflow: hidden;
}

.autumn-course-grid .course-metas {
    margin:10px 20px 20px;
}

.autumn-course-grid .price {
    float: right;
    color: #f78a4b;
    font-weight: bold;
}


.autumn-course-list {

}

.autumn-course-list .media {
    border-bottom-color: #ddd;
}

.autumn-course-list .media-heading {
    font-size: 16px;
    margin-bottom: 10px;
}

.autumn-course-list .media-object {
    width: 200px;
}

.autumn-course-list .course-about {
    font-size: 13px;
    color: #777;
}

.autumn-course-list .price {
    float: right;
    color: #f78a4b;
    font-weight: bold;
}


.panel-autumn {
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;    
    background: transparent;
}

.panel-autumn .panel-heading {
    padding: 0;
    border-bottom: 2px solid #ddd;
}

.panel-autumn .panel-title {
    display: inline-block;
    *display: inline;
    font-size: 16px;
    padding: 10px 0;
}

.panel-autumn .panel-heading-important .panel-title {
    margin: 0;
    padding: 12px 10px 10px;
    font-size: 20px;
}

.panel-autumn .panel-body {
    padding: 15px 0 0 0;
}

.panel-autumn-primary .panel-heading {
    border-bottom-color: #7CB132;
}

.panel-autumn-primary .panel-title {
    color: #7CB132;
}

.panel-autumn-primary .panel-title small {
    color: #7CB132;
}

.panel-autumn-primary .panel-heading-important .panel-title {
    background: #7CB132;
    color: #fff;
}

.panel-autumn-primary .panel-heading-important .panel-title small {
    color: #fff;
}

.panel-autumn-default .panel-heading {
    border-bottom-color: #f78a4b;
}

.panel-autumn-default .panel-title {
    color: #f78a4b;
}

.panel-autumn-default .panel-title small {
    color: #f78a4b;
}

.panel-autumn-default .panel-heading-important .panel-title {
    background: #f78a4b;
    color: #fff;
}

.panel-autumn-default .panel-heading-important .panel-title small {
    color: #fff;
}

.media-list-rank {

}

.media-list-rank .media-object {
    width: 80px;
    height: 60px;
}

.media-list-rank .media-body {
    font-size: 12px;
    color: #777;
}

.media-list-rank .media-heading {
    font-size: 14px;
}

.teacher-media {
    padding: 15px;
}

.teacher-media .media-object {
    width: 100px;
}

.teacher-media .teacher-title {
    color: #666;
    font-size: 13px;
}

.footer-autumn {
    background-color: #333;
    color: #666;
    text-align: center;
    padding: 40px 0;
}

.footer-autumn ,
.footer-autumn a {
    color: #999;
}

.footer-autumn a:hover {
    color: #eee;
}

.footer-autumn .footer-links {
    margin-bottom: 10px;
}
.course-title-ico {
	border-left : 5px solid #36373E;
	padding-right : 10px;
	margin-left : -15px;	
}
.course-title {
	margin-left:15px;
	font-size:18px;
}

.section-lecture a{
	display:block;
	text-decoration:none;
	width:100%;
	height:100%;
}
.section-lecture a div{
	margin-right:100px;
	height:100%;
	position:relative;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.announcementText{
  overflow-wrap: break-word;
}

.list-group-item-text{
	overflow-wrap: break-word;
}


/** mobile register page { **/
.mobile-register {
}
.mobile-register .input_status.failed {
	color:#f00;
}
.mobile-register .input_status.success {
	color:#090;
	font-family:verdana;
}
.mobile-register input.error {
	border:1px solid #c33;
	background:#fff0f0
}
.mobile-register form .rg-code {
    display: inline;
    width: 60%;
}
.mobile-register form #sendCode {
	top: -2px;
	position: relative;
	margin-left:13px;
	
}
/** } mobile register page **/

@media only screen and (orientation:portrait) {
	.multiRegister .panel-page{padding: 15px 15px 15px;}
}


/* ----------	直播页面	---------- */
.liveCourse {
	padding-top: 10px;
}
.liveCourse .breadcrumb {
	margin-bottom: 10px;
}
.liveCourse .breadcrumb {
	padding-left: 0px;
	background-color: inherit;
	color: #6E6E6E;	
}
.liveCourse a {
	color: #6E6E6E;	
}
.liveCourse .breadcrumb a:hover {
	color: #5F5F5F;	
}
.liveCourse .banner-wrap {
	margin-right: 17px;
	margin-bottom: 70px;
	margin-left: 0px;
}
.liveCourse .l-wrap, .liveCourse .r-wrap {
    height: 500px;
    padding-left: 0px;
    padding-right: 0px;
}
.liveCourse .zoom-rbtn {
	background: url("/resources/images/course_learn/zoom-rbtn.png");
	height: 37px;
	width:17px;
	display: inline-block;
	float: left;
	margin-top : 50px;
	cursor: pointer;
}
.liveCourse .zoom-lbtn {
	background: url("/resources/images/course_learn/zoom-lbtn.png");
	height: 37px;
	width:17px;
	display: inline-block;
	float: right;
	margin-top : 232px;
	cursor: pointer;
}
.liveCourse .rotate{
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-moz-transfomr:rotate(90deg);
}
.liveCourse .l-wrap {
	background: #1F1F1F;
}
.liveCourse .r-wrap {
	background: #333333;
}
.liveCourse .zoom-btns {
	height:500px;
	float:right;
	background:#282828;
}
.liveCourse .zoom-btns .fill{
	margin-top: 440px;
	background: #1F1F1F; none repeat scroll 0% 0%;
	height: 60px;
}
.liveCourse .main {
    background: #FFF none repeat scroll 0% 0%;
    min-height: 50px;
}
.liveCourse .main .container {
    margin: auto;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 150px;
}
.liveCourse .aside .head {
    padding: 0px 10px 8px;
    margin-bottom: 20px;
    position: relative;
}
.liveCourse .aside h3 {
    display: inline-block;
    font-size: 18px;
    border-left: 4px solid #01D952;
    margin-left: 10px;
    padding-left: 10px;
    color: #686868;
    line-height: normal;
    margin-top: 40px;
}
.liveCourse .player-aside {
	margin-top: -10px;
	background-color: #333333;
}
.liveCourse .player-aside > div {
	border-bottom: 1px solid #000;
}
.liveCourse .player-aside .course-name {
	padding-bottom: 10px;
}
.liveCourse .player-aside > div:nth-last-child(1) {
	border-bottom: 0px;
	padding-bottom: 0px;
}
.liveCourse .player-aside span, .liveCourse .player-aside i {
	color: #989898;
}
.liveCourse .player-aside i {
	margin-left: 35px;
}
.liveCourse .player-aside .member-num {
	color: #00D752;
	margin-left: 5px;
}
.liveCourse label {
	color: #808080;
}
.liveCourse .player-aside h2 {
	color: #fff;
	font-size: 22px;
	margin-top: 30px;
}
.liveCourse .course-name ul {
	padding-left:5px;
	margin-top: 10px;
}
.liveCourse .course-name li:first-child {
	margin-top: 0px;
	float: left;
}
.liveCourse .course-name li {
	margin-top: 10px;
}
.liveCourse .player-aside .teacher-avatar {
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 20px;
}
.liveCourse .player-aside .teacher-avatar img{
	width: 52px;
	height: 52px;
	border-radius: 50%;
}
.liveCourse .player-aside .course-btn {
	height: 38px;
}
.liveCourse .player-aside .course-btn .student-count {
	color: #00D753;
}
.liveCourse .player-aside .course-btn .new-msg {
	position: relative;
	font-size: 12px;
	top: -10px;
	color: #00D753;
	display: none;
}
.liveCourse .player-aside .course-btn li, .liveCourse .player-aside .course-btn ul {
	float: left;
	margin-bottom: 0px;
}
.liveCourse .player-aside .course-btn li {
	/* padding-right: 15px; */
	width: 50%;
	text-align: center;
}
.liveCourse .player-aside .course-btn ul {
	padding-left: 35px;
	padding-right: 35px;
	width: 100%;
}
.liveCourse .player-aside .course-btn .active {
	border-bottom: 3px solid #00D753;
}
.liveCourse .player-aside .course-btn a {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	text-decoration: none;
	height: 38px;
	display: inline-block;
	padding-top: 5px;
}
.liveCourse .course-list, .liveCourse .data-area, .liveCourse .emotionsmaindiv, .liveCourse .emotionsdiv {
	border-bottom: 0px !important;
}
.liveCourse .course-list .introduction {
	width: 90%;
	padding-left: 15px;
	padding-right: 0px;
	padding-top: 15px;
}
.liveCourse .player-aside .course-btn a:hover {
	border-bottom: 3px solid #00D753;
}
.liveCourse .player-aside .catolog {
	width:95%;
	overflow: hidden;
}
.liveCourse .player-aside .catolog ul {
	padding-left: 19px;
}
.liveCourse .player-aside .catolog li:first-child {
	margin-top: 20px;
}
.liveCourse .player-aside .catolog span {
	width: 70%;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: -5px;	
}
.liveCourse .player {
	height: 500px;
	background-color: #282828;
}
.liveCourse .dm-content {
	border-radius: 5px 0px 0px 5px;
	/* width: 430px; */
	width:70%;
	background-color: #434343;
	border: 0px;
	color: #919191;
	font-weight: bold;
	padding-left: 30px;
	height: 26px;
}
.liveCourse .teacher {
	color: #fff !important;	
}
.liveCourse .communicate .content {
	color: #fff;
}
.liveCourse .communicate .content .chat {
	padding-left: 15px;
	margin-bottom: 0px;
	height: 100%;
}
.liveCourse .communicate .content ul.chat li {
    list-style: outside none none;
    padding: 5px 0px;
    margin: 10px auto;
    font-size: 12px;
}
.emotionimg.new {
    width: 25px !important;
    height: 25px !important;
}
.liveCourse .communicate ul.chat li.right .message {
    text-align: left;
    margin-right: 20px;
    background: #F6F6F6;
}
.liveCourse .communicate ul.chat li.right img.avatar {
    float: right;
    margin-left: -10px;
    margin-right: 20px;
}
.liveCourse .communicate ul.chat li.left img.avatar {
    float: left;
    margin-right: 10px;
}
.liveCourse .communicate ul.chat li.right {
    text-align: right;
}
.liveCourse .communicate .content .chat img {
	width: 50px;
	height: 50px;
}
.liveCourse .communicate .content ul.chat li.left .message {
    text-align: left;
    margin-left: 0px;
}
.liveCourse .communicate .content ul.chat li.left .message {
    text-align: left;
    margin-left: 0px;
    background: #FFF none repeat scroll 0% 0%;
}
.liveCourse .communicate .content ul.chat li .message {
    display: inline-block;
    border: 1px solid #DDD;
    padding: 5px;
    position: relative;
    border-radius: 10px;
}
ul.chat li.left .message .arrow {
    height: 10px;
    width: 10px;
    display: block;
    position: absolute;
    top: 5px;
    left: -10px;
    background: transparent url("/resources/dapeng/img/chat-left.png") no-repeat scroll 0px 0px;
}
ul.chat li.right .message .arrow {
    height: 10px;
    width: 10px;
    display: block;
    position: absolute;
    top: 5px;
    right: -10px;
    background: transparent url("/resources/dapeng/img/chat-right.png") no-repeat scroll 0px 0px;
}
ul.chat li.left .message {
    text-align: left;
}
ul.chat li .time {
    padding-left: 5px;
    color: #B6B6B6;
}
ul.chat li.left .message .text {
    max-width: 220px;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: break-all;
}
ul.chat li.right .message .text {
    max-width: 220px;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: break-all;
}
.swiper-container {
    margin: 0px auto;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    backface-visibility: hidden;
    z-index: 1;
    text-align: center;
}
.emotion_wrp {
    display: block;
    width: 100%;
    height: 140px;
}
.emotion_wrp .emotions {
    -moz-user-select: none;
    overflow: hidden;
}
#emotionsmaindiv {
	border: 0px;
}
.emotion_wrp ul, .emotion_wrp ol {
    padding-left: 0px;
    list-style-type: none;
    display: inline-block;
}
.emotion_wrp .emotions_item {
    float: left;
    line-height: 40px;
    height: 40px;
    font-size: 0px;
    text-align: center;
    width: 14.2857%;
}
.emotion_wrp .emotions_item i {
    display: inline-block;
    cursor: pointer;
    width: 48px;
    height: 48px;
    margin: -5px 0px 0px -5px;
    transform: scale(0.64);
    vertical-align: middle;
    background: transparent url("/resources/images/default.png") no-repeat scroll 0px 0px;
}
.liveCourse .studentCount {
	color: #fff;
}
.liveCourse .studentCount ul {
	padding-left: 35px;
	margin-bottom: 0px;
	height: 100%;
}
.liveCourse .studentCount li {
	margin-top: 15px;
}

.liveCourse .communicate .bottom {
	height: 120px;
}
.liveCourse .tip {
	position: relative;
	top: -3px;
	display: none;
}
.liveCourse .communicate .cont {
	min-height: 80px;
	height: auto;
	width: 100%;
	color: #888;
	border: 0px;
	padding: 10px;
	background: #3B3B3B;
}
.liveCourse .communicate .g-btn {
	height: 35px;
	padding-top: 6px;
	background: #333333;
}
.liveCourse .communicate .g-btn input {
	margin-right: 10px !important;
}
.liveCourse .communicate .g-btn input:first-child {
	margin-left: 20px !important;
}
.liveCourse .communicate .g-btn .green {
	margin-bottom:3px;
	line-height: 10px;
	background: #00D753;
	margin-right: 20px;
	width: 85px;
	height: 25px;
	color: #fff;
}
.liveCourse .site-footer { margin-bottom: 0px; }
/* ----------	直播页面	---------- */

.vipPay .alipayBtn img, .vipPay .wxPayBtn img, .vipPay .studyCardBtn img {
	cursor: pointer;
	border: 1px solid rgb(229, 229, 229);
	width: auto;
	height: 42px;
	vertical-align: middle;
	border-radius: 5px;
	margin: 10px 10px 0 0;
}